<article>
    <h1>
        <?php echo $GLOBALS['title'] ?>
    </h1>

    <h2>
        <a href="javascript:;">
            网站
        </a>
    </h2>
    <p>
        网站是构成web的基础  所谓网站(Website)，就是指在网际网络（万维网）上，根据一定的规则，使用HTML等工具制作的用于展示特定内容的相关网页的集合, 同时也是构成web的基础。
    </p>
    <h2>
        <a href="javascript:;">
            网 页
        </a>
    </h2>
    <p>
        网页，是网站中的页面，是构成网站的基础。  网页是构成网站的基本元素，是承载各种网站  应用的平台。简单来说，网站就是由网页组成  的。
网页通常是HTML格式（文件扩展名为<code>.html </code> 或<code>.htm</code>或<code>.php</code>或<code>.aspx</code>或<code>.asp</code>或<code>.jsp</code>等）。网页  要通过网页浏览器来阅读。
    </p>
    <h2>
        <a href="javascript:;">
            构成网页的元素
        </a>
    </h2>
    <p>
        文字与图片是构成一个网页的两个最基本的元素。除此  之外，网页的元素还包括动画、音乐、视频等等。
    </p>
    <h2>
        <a href="javascript:;">
            网站制作流程
        </a>
    </h2>
    <p>
        <h3>前端</h3>
        <ul>
            <li>美工设计（photoshop）</li>
            <li>页面布局(html、div+css)</li>
            <li>创建动态的HTML页面，网站更加有动感、有魅力，吸引更多的浏览者。 (javascript)</li>
        </ul>
        <h3>后台</h3>
        <ul>
            <li>后台程序的建设</li>
            <li>数据库建设</li>
            <li>上线运营</li>
        </ul>
    </p>
    <h2>
        <a href="javascript:;">
        怎样才能学好
        </a>
    </h2>
    <p>
        <ul>
            <li>零基础不要怕，任何人都是从没需要开始</li>
            <li>听再多的视频，不如代码三行</li>
            <li>课上认真听，遇到不懂的及时记下来</li>
            <li>课下多练习，老师课堂代码课下最少打三遍，看一万遍不如练一遍</li>
            <li>不需要刻意去背的，都是普通人，用普通的方式学习</li>
            <li>耐得住寂寞，忍得住孤独，淡看没有收获的练习</li>
            <li>作业独立完成，有困难想办法克服</li>
            <li>按照老师的思路来，不要走偏，你可以学得更快</li>
            <li>天道酬勤，任何经验都是积累出来的，多练吧</li>
        </ul>
    </p>

    <h2>
        <a href="javascript:;">
            实例
        </a>
    </h2>
    <p>
        <pre>
            <code>
        <?php echo htmlspecialchars('
<html lang="en">
    <head>
        <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
        <title>第一个网页</title>
    </head>
    <body>
        <h1>这是我的第一个网页</h1>
    </body>
</html>') ?>
            </code>
        </pre>
    </p>
    <h2>
        <a href="javascript:;">
            什么是 HTML？
        </a>
    </h2>
    <p>
        HTML 是用来描述网页的一种语言。
        <ul>
            <li>HTML 指的是超文本标记语言 (Hyper Text Markup Language)</li>
            <li>HTML 不是一种编程语言，而是一种标记语言 (markup language)</li>
            <li>标记语言是一套标记标签 (markup tag)</li>
            <li>HTML 使用标记标签来描述网页</li>
        </ul>
    </p>
    <h2>
        <a href="javascript:;">
            HTML 标签
        </a>
        <p>
            HTML 标记标签通常被称为 HTML 标签 (HTML tag)。
            <ul>
                <li>HTML 标签是由尖括号包围的关键词，比如</li>
                <li>HTML 标签通常是成对出现的，比如<code> <?php echo htmlspecialchars('<b>') ?> </code>和<code> <?php echo htmlspecialchars('</b>') ?></code></li>
                <li>标签对中的第一个标签是开始标签，第二个标签是结束标签</li>
                <li>开始和结束标签也被称为开放标签和闭合标签</li>
            </ul>
        </p>
    </h2>
    <h2>
        <a href="javascript:;">
            HTML特性
        </a>
    </h2>
    <p>
        <ul>
            <li>可以使用<code>.html</code> 与 <code>.htm</code> 做为html文件的扩展名</li>
            <li>可以使用任意文本编辑器创建HTML</li>
            <li>HTML由于比较简单，是一种描述性的语言，没有逻辑  性，所以学习起来非常容易</li>
        </ul>
    </p>
    <h2>
        <a href="javascript:;">
            HTML 文档 = 网页
        </a>
    </h2>
    <p>
        <ul>
            <li>HTML 文档描述网页</li>
            <li>HTML 文档包含 HTML 标签和纯文本</li>
            <li>HTML 文档也被称为网页</li>
        </ul>
        Web 浏览器的作用是读取 HTML 文档，并以网页的形式显示出它们。浏览器不会显示 HTML 标签，而是使用标签来解释页面的内容：
        <pre>
            <code>
                <?php echo htmlspecialchars('
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
    <body>

        <h1>My First Heading</h1>

        <p>My first paragraph.</p>

    </body>
</html>') ?>
            </code>
        </pre>
        <h3>
            例子解释
        </h3>
        <ul>
            <li><code>DOCTYPE</code> 声明位于文档最前端,作用是告知浏览器当前文档所使用的是哪种超文本或  可扩展超文本规范。</li>
            <li><code><?php echo htmlspecialchars('<html>') ?></code> 与 <code><?php echo htmlspecialchars('</html>') ?> </code>之间的文本描述网页</li>
            <li><code><?php echo htmlspecialchars('<body>') ?> </code>与 <code><?php echo htmlspecialchars('</body>') ?></code> 之间的文本是可见的页面内容</li>
            <li><code><?php echo htmlspecialchars('<h1>') ?> </code>与<code> <?php echo htmlspecialchars('</h1>') ?></code>之间的文本被显示为标题</li>
            <li><code><?php echo htmlspecialchars('<p>') ?> </code>与<code> <?php echo htmlspecialchars('</p>') ?> </code>之间的文本被显示为段落</li>
        </ul>
    </p>
</article>